	<html>
	  <head>
	  	<title>Books API Example</title>
	  	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript">
		function search()
		{
			var jsonScript = document.getElementById("jsonScript");
			if(jsonScript)
			{
				jsonScript.parentNode.removeChild(jsonScript);
			}
			
			var $isbn = $('#txt_isbn').val();
			if('' === $isbn) $isbn = '0738531367';
			var scriptElement = document.createElement("script");
			scriptElement.setAttribute("id", "jsonScript");
			scriptElement.setAttribute("src",
			'https://www.googleapis.com/books/v1/volumes?q='
			+ $isbn
			+ '&maxResults=30&callback=handleResponse');
			scriptElement.setAttribute("type", "text/javascript");
			document.documentElement.firstChild.appendChild(scriptElement);
		}
			
		function handleResponse(response)
		{
			console.log(response);
			$rspAmt = response.items.length;
			for (var i = 0; i < $rspAmt; i++)
			{
				var item = response.items[i];
				document.getElementById("content").innerHTML += "<br>" + item.volumeInfo.title;
			}
		}
			
		$(document).ready(function()
		{
			$('#btn_search').click(function()
			{
				search();
			});
		});
		</script>
	  </head>
	  <body>
		<label>請輸入ISBN/ISSN: </label>
		<input type="text" id="txt_isbn" />
		<input type="button" id="btn_search" value="search"/>
		<div id="content"></div>
	  </body>
	</html>